<template>
    <div class="banner fillDiv">
    	<div class="t">
    		<p class="title">在这里，你不需要与机器人战斗</p>
            <p class="des">You don't have to fight robots here</p>
    	</div>
    </div>
</template>

<script>
    import { fill } from '~/static/js/common.js';
    export default {
        data () {
            return {

            }
        },
        mounted () {
            fill('fillDiv')
        },
        methods : {

        }
    }
</script>

<style scoped>
    .banner{width:100%;background:#211447 url("~static/img/circulation/bg_banner.png") top center/100% 100% no-repeat;position: relative;display: table;}
    .banner .t{display: table-cell;vertical-align: middle;}
    .banner p{color:white;text-align: center;}
    .banner .title{font-size: 58px;background: linear-gradient(to right, #3fa3f9, #c30076);-webkit-background-clip: text;color: transparent; }
    .banner .des{font-size: 30px;margin-top:45px;color:#311f69;}
</style>
